import { Canvas } from "@react-three/fiber";
import { OrbitControls, Box } from "@react-three/drei";
import { FC } from "react";

const Simple3DModel: FC = () => {
  return (
    <Canvas>
      <ambientLight intensity={0.5} />
      <spotLight position={[10, 10, 10]} angle={0.15} penumbra={1} />
      <pointLight position={[-10, -10, -10]} />

      <Box position={[0, 0, 0]}>
        <meshStandardMaterial color="hotpink" />
      </Box>

      <OrbitControls />
    </Canvas>
  );
};

export default Simple3DModel;
